@media screen and (max-width:1199px){
  .widget.type-19{width:auto;}
  .widgets-5 aside.widget.type-19{width:auto;}
  #hamburger-menu{display:block;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color:#fff;}
  .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background-color:#313131;}
  .sidr{background:#313131;}
  .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span, .sidr ul li.sidr-class-selected a{color:#313131;}
  #header .menu-1{display:none;}

  #head1 .container, .widget.type-2 .container, .pages-6, .widget.festivalsSlider, .widgets-3 ul, .aboutUs .container, .whatWeDo #page .container, .widget.festivalsSliderTop, .form-full{width:100% !important;}
  #page .container, .pages-4 .container{width:100% !important;padding:0 2.5%;}
  #page div.content{padding:0 2.5%;}


  .widget.books .containerContent{width:90%;margin-left:5%;}
  .aboutUs .galleryHead, .aboutUs .images-4, .aboutUs #page h2, #page .hContainer, .vimeoFrame{width:95%;}
  .vimeo{width:100%;}

  .whatWeDo .images-1{max-width:50%;}
  .whatWeDo #page h1{margin:50px 0 25px;}
  .pages-6 h2{height:50px;}

  .widget.menuBottom{margin: 80px 1% 100px}
  .widget.menuBottom:nth-child(3){margin-left:7%}

  .pages-6 li{margin:0 1.6%;}
  .pages-6 h2{padding:0;}
  .pages-6 .alterTitle{padding:0;}
  .pages-6 .description{padding:0;}

  .widget.type-28{margin:10px 0;}

  #page div.contentShort{padding:0 2.5%;}
  #page.product h1, #page.product h2{padding:0 2.5%;}

  .contact-panel{padding:0 2.5%;margin-bottom:25px;}
  .form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:100%;}

  .images-4{max-width:100%;}
  #pages-related .pages-list{}
  #pages-related .pages-list li{margin:5px 0 15px 0}
  #pages-related .pages-list li .container{width:100% !important;}

  .widget.type-2 div.name{padding-top:20px;}
  .widget.books div.name{padding-top:80px;}

  .widget.books:nth-child(2n + 1) .containerContent{border-left:1px solid #313131;border-right:1px solid #313131;}
}

@media screen and (max-width:1100px){
  #page div.content{width:100%;}
  
  #page14.parallax::after{width:100%;margin-right:0;position: absolute;right:10%;}
  #page15.parallax::after{width:100%;margin-right:0;position: absolute;right:3%;}
  #page nav.breadcrumb{width:100%;padding:0 2.5%;}

  #page div.contentFull{width:100%;}

  .vimeo{height:500px;}
}

@media screen and (max-width:1050px){
  .widget.type-2 .image{width:100%;text-align:center;}
  .widget.type-2 img{float:none;}
  .widget.type-2 div.name{padding:0 2.5%;margin:20px 0;}
  .widget.type-2 div.description{padding:0 2.5%;max-width:100%;}
  .widget.type-2 .more{width:100%;margin:25px 0;}

  .widget.books div.name{padding:80px 0;margin:0;}
  .widget.type-2 div.description{padding:80px 0;margin:0;}
  .widget.books .more{margin:0;width:20%;}
}

@media screen and (max-width:1000px){
  .pages-50 li .container{width:100% !important;}
  .pages-50 li .container{width:100% !important;padding:0 2.5%;box-sizing:border-box;}

  .pages-3 li h2{margin:25px 0 0;padding:0 25px;}
  .pages-3 li h2 a{font-size:1.4em;}
  .pages-3 li div.description{padding:25px;}

  .widget.tagMenu.type-23{margin:0 auto 25px;}
  .pageFestivals .widget.tagMenu.type-23{margin:45px auto 25px;}

  .galleryHead{width:100%;padding:10px 2.5% 0;}
  .product .images-1{margin:0 50px 0 2.5%}

  .widgets-50{width:100%;padding:5px 2.5%;}
  #page.product .container{width:100%;}
  .product .images-4{width:100%;padding:15px 2.5% 0;}
  #page div.contentFull{padding: 0 2.5%;}
  #page.product h2{padding: 0 2.5%;}
  .vimeo{height:400px;}

  #head2{height:500px;}
  .home .slider-1{top:73px;}
  .home .slick-slide{height:400px;}
}

@media screen and (max-width:900px){
  .pageFestivals .widget.tagMenu.type-23{margin:0 auto 25px;}
  .fb-page, #fb-likebox-26{display:none;}
}

@media screen and (max-width:800px){
  #logo{padding:5px 5px 3px;}
 #site-map > li{padding:8px 5%;width:40%;float:left;}
  .widget.filmProduction .head{width:90%;}
  .widget.filmProduction .head{margin:45px auto 35px;}
  .widget.filmProduction .head a{display:block;float:none;width:20%;margin:5px auto}

  .widget.books div.name{width:100%;padding:0 2.5%;}
  .widget.books div.description{width:100%;padding:0 2.5%;}
  .widget.type-2 .image{width:100%;text-align:center;}
  .widget.type-2 img{float:none;}
  .widget.type-2 div.name{padding:0 2.5%;margin:20px 0;}
  .widget.type-2 div.description{padding:0 2.5%;max-width:100%;}
  .widget.type-2 .more{width:100%;margin:25px 0;}
  .widget.type-2 .more{padding:0px;}

  .widget.menuBottom{width:40% !important;margin:20px 5% !important;float:left;}
  .widget.menuBottom:nth-child(3){clear:left;}
  .widget.menuBottom:nth-child(4){text-align:left;}

  .whatWeDo #page h1{width:100%;margin:25px 0;padding:0 2.5%;}
  .whatWeDo #page div.content{width:100%;margin-bottom:25px;padding:0 2.5%;}
  .whatWeDo .images-1{margin-top:10px;width:100%;max-width:100%;}

  .pages-3 li .image{width:100%;}
  .pages-3 li .image img{width:100%;}
  .pages-3 li h2{width:100%;}
  .pages-3 li div.description{padding:25px;width:100%;}
  .pages-3 li .moreContainer{clear:both;margin:0 25px 25px 0}

  .pages-4 li:last-child{border:none !important;}
  .pages-4 li .image{width:100%;text-align:center;margin:0;}
  .pages-4 .festival{clear:left;float:none;width:auto;top: 0px;text-align:center;}
  .pages-4 li h2{float:left;clear:left;padding:0;width:100%;text-align:center;}
  .pages-4 li .description{clear:both;text-align:center;}

  .pages-6 li{width:100%;padding:50px 2.5%;box-sizing:border-box;border-top:1px solid #cdcdcd;margin:0;}
  .pages-50 li:first-child{border:none;padding-top:0;}
  .pages-6 h2{height:auto;}
  .pages-6 .description{min-height:auto;}
  .pages-6 .moreContainer{margin-top:50px;}

  .pages-50 li .left, .pages-50 li .right{width:100%}
  .pages-50 li{margin-bottom:25px;padding-top:25px;border-top:1px solid #cdcdcd}
  .pages-50 li:first-child{border:none;padding-top:0;}
  .pages-50 li h2{text-align:center;}
  .pages-50 li .image{text-align:center;}

  .vimeo{height:400px;}

  #page.product h2{margin:15px 0;}
  h2{margin:15px 0;}

  .product .images-1{width:100%; margin:0;}

  #features{min-width:auto;width:95%;margin:0 2.5%;}
}

@media screen and (max-width:760px){
  .pages-3 li div.description, .whatWeDo #page h1, .pages-3 li h2, .whatWeDo #page div.content, h2, .pages-50 li div.description, .widget.menuBottom:nth-child(3) .description, .widget > div.description, .widget.menuBottom nav > ul > li, .pages-6 .description, .pages-6 .alterTitle, .pages-6 h2, .widget.type-2 div.description, .widget.type-2 div.name{text-align:center;}
  .galleryHead{text-align:center;}
  #site-map > li{padding:8px 0;width:80%;float:none;}
}

@media screen and (max-width:680px){
  #page.product h2, .galleryHead{font-size:1.5em;}
  .vimeo{height:300px;}
  .widget.contactColumn{width:100% !important;margin:10px 0;}
  #page .parallax-window, #page .static, #parallaxTop{height:300px;}
  #page20.parallax::after{height:280px;width:100%;margin-right:0;right:0;background-size:50%;background-position:left center;left:100px;top:0;}
  #page14.parallax::after{height:280px;width:100%;margin-right:0;right:0;background-size:50%;background-position:left center;left:100px;top:0;}
  #page15.parallax::after{height:280px;width:100%;margin-right:0;right:0;background-size:50%;background-position:left center;left:100px;top:0;}
  #parallaxTop::after{height:280px;width:90%;margin-right:0;right:0;background-size:50%;background-position:left bottom;left:0;top:0;margin-top:100px;}
}

@media screen and (max-width:560px){
  .widget.menuBottom{width:90% !important;margin:20px 5% !important;float:left;}
  .widget.menuBottom:nth-child(4){text-align:center;}

  #page nav.breadcrumb{width:100%;padding:0 2.5%;margin:20px 0;}
  .productions #page h1{font-size:1.5em;}
  #page h1{margin:25px auto;}
  .widget.type-23 li a{font-size:1.2em;}

  #page .hContainer h1{font-size:2em;}
}

@media screen and (max-width:480px){
  .widget.filmProduction .head a{width:30%;}
  #head2{height:260px;}
  #head2 #title_start img{width:50%;margin-top:100px;}
  .home .slick-slide{height:200px;}
  .vimeo{height:240px;}
  #page20.parallax::after{left:50px;}
}

@media screen and (max-width:360px){
  .vimeo{height:190px;}
}