@media screen and (min-width: 600px) and (max-width: 762px) {
  div#encadrementheeder {
    width: 535px;

    margin-left: 132px;
  }

  #logoresponsive {
    width: 405px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    display: block;
    margin-left: 41px;
  }
  div#burgermainemenu {
    display: none;
    display: block;
    font-size: 45px;
    /* position: absolute; */
    margin-left: 400px;
    margin-top: -100px;
  }
}
@media screen and (min-width: 762px) and (max-width: 1000px) {
  #logoresponsive {
    width: 405px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    display: block;
    margin-left: -36px;
  }

  div#burgermainemenu {
    display: none;
    display: block;
    font-size: 45px;
    position: absolute;
    margin-left: 328px;
    margin-top: 274px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
  body {
    width: 600px;
  }

  .navbar-brand {
    display: none;
  }

  #main-menu {
    display: none;
  }
  #main-menu {
    width: 535px;

    margin-left: 130px;
  }
  #main-menu .nav-link {
    text-transform: uppercase;

    height: 36px;

    /* background: green; */

    width: 100%;

    float: left;
  }

  #full-width-page-wrapper .content {
    float: none;
    clear: both;
  }

  #fullwidth-menu {
    width: 100%;
  }

  /*   body.custom-background {

           background-color : red;

       }*/

  .entry-content {
    width: 100%;

    margin-left: 15%;
  }

  #post-4 .slick-slider {
    max-height: 350px;

    background: black;
  }

  .sidebar-nav .navbar li {
    float: none;

    display: block;
  }

  ul.dropdown-menu {
    margin-top: 250px;
    height: 124px;
    width: 100%;
  }

  #full-width-page-wrapper {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  a.navbar-brand {
    /* background: red; */

    height: 50%;

    width: 32%;

    margin-left: auto;

    margin-right: auto;

    margin-left: 36%;
  }

  .small-home {
    height: 210px !important;

    width: 50%;
  }

  .big-home {
    width: 56%;

    /* height: 20%; */

    height: 210px !important;
  }
  #content {
    margin-left: 17px;
    width: 535px;
  }

  .big-center {
    width: 89%;

    /* height: 20%; */

    height: 359px !important;

    margin-top: -2px;
  }

  #homepage {
    font-size: 11px;

    width: 600px;

    /* background: pink; */

    margin-left: 7%;
  }

  #post-4 .slick-slider {
    max-height: 185px !important;

    background: black;

    margin-left: 7%;

    width: 535px;
  }

  .wpsisac-slick-slider.design-2
    .slick-image-slide
    .slide-wrap
    .slider-content {
    z-index: 1000;

    color: #fff;

    position: absolute;

    left: 0;

    text-align: center;

    width: 80%;

    top: 27% !important;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0;

    margin: 0 auto;

    float: left;
  }

  button.slick-prev.slick-arrow,
  button.slick-prev.slick-arrow:focus {
    background: url(../../../../images/back.png) 50% no-repeat !important;

    background-size: 23px 23px !important;
  }

  button.slick-next.slick-arrow,
  button.slick-next.slick-arrow:focus {
    background: url(../../../../images/next.png) 50% no-repeat !important;

    background-size: 23px 23px !important;
  }

  .slick-image-slide img {
    height: 41% !important;

    width: 100% !important;

    object-fit: cover;

    object-position: top center;
  }

  .wpsisac-slick-slider.design-2 .slick-dots {
    left: 15px !important;

    right: 15px;

    text-align: center;

    bottom: 8px !important;
  }

  .wpsisac-slick-slider .slick-dots li button {
    width: 5px !important;

    height: 4px !important;
  }

  .slider-content {
    width: inherit !important;

    left: inherit !important;

    text-align: inherit !important;

    right: 57% !important;
  }

  .wpsisac-slick-slider.design-2
    .slick-image-slide
    .slide-wrap
    .slider-content {
    z-index: 1000;

    color: #fff;

    position: absolute;

    left: 0;

    text-align: center;

    width: 80%;

    top: 27% !important;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0;

    margin: 0 auto;

    float: left;
  }

  .slider-content h2.slide-title {
    font-size: 11px !important;
  }

  .slider-content .slider-short-content p {
    background-color: #f36a22;

    text-align: right !important;

    font-size: 12px !important;

    padding-left: 10px !important;

    padding-right: 10px !important;

    text-shadow: inherit !important;

    top: 31px;

    position: relative;
  }

  .wpsisac-slick-slider.design-2
    .slick-image-slide
    .slide-wrap
    .slider-content {
    z-index: 1000;

    color: #fff;

    position: absolute;

    left: 0;

    text-align: center;

    width: 80%;

    top: 29% !important;

    right: 0;

    margin: 0 auto;

    float: left;
  }

  /******************page catalogue ********************/
  .catalogue {
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 12px;
  }
  span.catalogue-order-type.order-active {
    position: absolute;
    margin-left: -130px;
    margin-top: 21px;
  }

  .catalogue .catalogue-thumbnail .catalogue-thumb-content {
    top: 71%;
    left: 0%;
    position: absolute;
  }
  .catalogue
    .catalogue-thumbnail
    .catalogue-thumb-content
    .catalogue-thumb-title {
    background-color: #000;
    display: -webkit-inline-box;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 35px;
  }
  .catalogue
    .catalogue-thumbnail
    .catalogue-thumb-content
    .catalogue-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
  }
  .catalogue-order .margin-bottom-10 .order-active a {
    font-size: 12px;
  }
  .catalogue-order .margin-bottom-10 .catalogue-order-type a {
    font-size: 15px;
  }
  .catalogue .film-img {
    width: 50%;
    height: 315px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .catalogue .catalogue-thumbnail .catalogue-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 241px;
  }

  /******************page cineastes ********************/
  .cineastes {
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 12px;
  }
  span.cineastes-order-type.order-active {
    position: absolute;
    margin-left: 0px;
    margin-top: 21px;
  }
  .cineastes .cineastes-thumbnail .cineastes-thumb-content {
    top: 71%;
    left: 0%;
    position: absolute;
  }
  .cineastes
    .cineastes-thumbnail
    .cineastes-thumb-content
    .cineastes-thumb-title {
    background-color: #000;
    display: -webkit-inline-box;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 35px;
  }
  .cineastes
    .cineastes-thumbnail
    .cineastes-thumb-content
    .cineastes-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
  }
  .cineastes .film-img {
    width: 50%;
    height: 315px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .cineastes .cineastes-thumbnail .cineastes-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 241px;
  }
  .cineastes .cineaste-portrait .cineaste-portrait-img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 200px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .cineastes .cineaste-portrait .cineaste-portrait-nom {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 163px;
    padding: 10px;
    background-color: #000;
  }
  /******************page cineqs ********************/
  .cineqs {
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 12px;
  }
  span.cineqs-order-type.order-active {
    position: absolute;
    margin-left: 0px;
    margin-top: 21px;
  }
  .cineqs .cineqs-thumbnail .cineqs-thumb-content {
    top: 71%;
    left: 0%;
    position: absolute;
  }
  .cineqs .cineqs-thumbnail .cineqs-thumb-content .cineqs-thumb-title {
    background-color: #000;
    display: -webkit-inline-box;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 35px;
  }
  .cineqs .cineqs-thumbnail .cineqs-thumb-content .cineqs-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
  }
  .cineqs .film-img {
    width: 50%;
    height: 315px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .cineqs .cineqs-thumbnail .cineqs-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 241px;
  }
  .cineqs .cineqs-portrait .cineqs-portrait-img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 305px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .cineqs .cineqs-portrait .cineqs-portrait-nom {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 238px;
    padding: 10px;
    background-color: #000;
  }
  /******************page news ********************/
  .news {
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 15px;
  }
  span.news-order-type.order-active {
    position: absolute;
    margin-left: 0px;
    margin-top: 25px;
  }
  .news .news-thumbnail .news-thumb-content {
    top: 75%;
    left: 0%;
    position: absolute;
  }
  .news .news-thumbnail .news-thumb-content .news-thumb-title {
    background-color: #000;
    display: block;
    padding: 0px 11px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 33px;
    text-align: left;
  }
  .news .news-thumbnail .news-thumb-content .news-thumb-subtitle {
    background-color: #f36a22;
    padding: 5px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
  }
  .news .news-thumbnail .news-thumb-content .news-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 17px;
    line-height: 35px;
  }
  .news .film-img {
    width: 50%;
    height: 315px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .news .news-thumbnail .news-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 241px;
  }
  /******************page articles-category ********************/
  .articles-category {
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 15px;
  }
  span.articles-category-order-type.order-active {
    position: absolute;
    margin-left: 0px;
    margin-top: 25px;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content {
    top: 40%;
    left: 0%;
    position: absolute;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content
    .articles-category-thumb-title {
    background-color: #000;
    display: -webkit-inline-box;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 35px;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content
    .articles-category-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
  }
  .articles-category .film-img {
    width: 50%;
    height: 315px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 241px;
  }
  /************************************film****************************************************/
  .film .film-show {
    background-color: #f36a22;
    font-size: 12px;
    width: 133.5px;
    height: 62px;
    padding-left: 34px;
    padding-top: 22px;
  }
  .film .film-navigation {
    padding: 13px;
    background-color: #504244;
    min-height: 62px;
  }
  .film {
    margin-left: 113px;
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 12px;
  }
  .film .film-thumbnail .film-thumb-content .film-thumb-real {
    background-color: #f36a22;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 29px;
    text-align: left;
    font-size: 10px;
  }
  .film .film-thumbnail .film-thumb-content .film-thumb-title {
    background-color: #000;
    padding: 10px;
    margin-bottom: 0;
    font-size: 12px;
  }
  .film .film-thumbnail .film-thumb-content .film-thumb-real {
    font-size: 12px;
  }
  .film .film-thumbnail .film-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 176px;
  }
  .film .film-navigation:after {
    content: "";
    border-width: 31px;
    border-style: solid;
    left: 100%;
    top: 0;
    position: absolute;
    z-index: 1;
    border-color: transparent transparent transparent #504244;
  }
  /******************* cinaste full page *************************************/
  .cineaste {
    margin-left: 113px;
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 113px;
    font-size: 12px;
  }

  .cineaste .cineaste-thumbnail .cineaste-thumbnail-image {
    background-size: cover !important;
    width: 100%;
    height: 176px;
  }
  .cineaste .cineaste-thumbnail .cineaste-thumb-content .cineaste-thumb-real {
    background-color: #f36a22;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 29px;
    text-align: left;
  }
  .cineaste .cineaste-thumbnail .cineaste-thumb-content .cineaste-thumb-title {
    background-color: #000;
    padding: 10px;
    margin-bottom: 0;
    font-size: 17px;
  }
  .cineaste-details .col-md-4 {
    width: 100%;
  }
  .cineaste .cineaste-thumbnail .cineaste-thumb-content {
    position: absolute;
    top: 79%;
    width: 100%;
    text-align: left;
  }
  .cineaste .cineaste-thumbnail .cineaste-thumb-content .cineaste-thumb-nom {
    background-color: #000;
    padding: 10px;
    margin-bottom: 0;
    display: -webkit-inline-box;
    font-size: 17px;
  }
  .cineqs .cineq-portrait .cineq-portrait-img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 148px;
    webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .cineqs .cineq-portrait .cineq-portrait-nom {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 93px;
    padding: 10px;
    background-color: #000;
  }

  /*******************************news **********************************************/
  .articles-category .type-post .entry-content {
    width: 100%;
    margin-left: 0px;
  }

  .articles-category {
    font-size: 12px;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content {
    top: 75%;
    left: 0%;
    position: absolute;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content
    .articles-category-thumb-title {
    background-color: #000;
    display: block;
    padding: 0px 11px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 33px;
    text-align: left;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content
    .articles-category-thumb-subtitle {
    background-color: #f36a22;
    padding: 5px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
  }
  .articles-category
    .articles-category-thumbnail
    .articles-category-thumb-content
    .articles-category-thumb-name {
    background-color: #f36a22;
    display: -webkit-inline-box;
    padding: 0 10px;
    font-size: 15px;
    line-height: 35px;
  }
  .articles-category
    .articles-category-content
    .articles-category-left
    .entry-thumb {
    width: 100%;
  }

  .articles-category .articles-category-latest .latest-thumbnail {
    background-size: cover !important;
    width: 100%;
  }
  .news article .entry-content {
    margin-left: 0px;
  }

  .cineastes-nav-order.col-md-7 {
    min-height: 130px;
  }

  .catalogue-nav-order .col-md-7 {
    min-height: 130px;
  }
  .cineqs-nav-order .col-md-7 {
    min-height: 130px;
  }
  .catalogue-nav-order .col-md-7 {
    min-height: 130px;
  }
}
