div#burgermainemenu {
    display:none;
}
#logoresponsive{
    display: none;
}

@media screen and   (max-width:600px)and (min-width:0px) {
    body{
        width: 100%;
    }
   /* #post-4 .entry-content{

        width: 294px;
        margin-left: 31px;
        margin-right: auto;
    }*/
div#content {

    width: 294px;
}

    .navbar-brand{
        display: none;
    }
    #full-width-page-wrapper {
        width: 100%;
        width: 400px;
        /* height: 250px; */
        margin-left: auto;
        margin-right: auto;
    }

    div#burgermainemenu{
        float: left;
        font-size: 15px;
        font-size: 28px;
        /* background: white; */
        width: 50px;
        height: 50px;
        color: white;
        position: absolute;
        margin-top: -61px;
        margin-left: 53%;
        display: block;
    }




    #encadrementheeder{
        width: 400px;
        padding-left: 3%;
    }
    div#logoresponsive {
        width: 256px;
        /* margin-left: auto; */
        /* margin-right: auto; */
        display: block;
        margin-left: -12px;
    }

    #main-menu{
        display: none;
    }
    .navbar {
        position: relative;
        padding: .5rem 1rem;
        margin-left: 14px;
        width: 400px;

    }

    .col-sm-10 {
        float: none;
        width: 83.33333%;
    }
    /*****slide ***/
    .slider-content h2.slide-title{
        font-size : 11px !important;
    }
    .slider-content .slider-short-content p{
        background-color: #f36a22;
        text-align: right!important;
        font-size: 10px!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;
    }
    .wpsisac-slick-slider .slick-dots li button{
        width: 5px !important;
        height: 4px !important;
    }
    .slick-image-slide img{
        height: 41% !important;
        width: 100% !important;
        object-fit: cover;
        object-position: top center;
    }
    .sidebar-nav .navbar li {
        float: none;

    }
    .navbar #main-menu, .navbar-nav .nav-item{
        width: 294px;

        margin-left: -16px;

    }
    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;
    }
    button.slick-prev.slick-arrow:focus:hover, button.slick-prev.slick-arrow:hover {
        background: url(../../../../../images/back-orange.png) 50% no-repeat!important;
        background-size: 62px 62px!important;
        opacity: .9;
    }
    button.slick-next.slick-arrow:focus:hover, button.slick-next.slick-arrow:hover {
        background: url(../../../../../images/next-orange.png) 50% no-repeat!important;
        background-size: 62px 62px!important;
        opacity: .9;
    }
    #main-menu .nav-link {
        text-transform: uppercase;
        height: 26px;
        /* background: green; */
        width: 100%;
        float: left;
        FONT-SIZE: 11px;
    }
    ul.dropdown-menu {
    height: 134px;
    width: 294px;
    color: black;
    padding: 0;
    border: none;
    border-radius: inherit;
    background-color: #504244;
    margin-top: 160px;
    margin-left: -293px;
    }
    #fullwidth-menu{
        float :none;
        width: 100%;
        margin-left: -10px;
    }
    #full-width-page-wrapper {
        width: 300px;
    }
    a.navbar-brand {
        /* background: red; */
        height: 50%;
        width: 44%;
        margin-left: 25%;
    }
    .small-home{
        height: 185px !important;
        width: 147px;
        float: right;

    }
    .big-home{
        height: 185px !important;
        clear: both;
        /* width: 294px; */
        width: 294px;

    }

    .big-center{
        height: 185px !important;
        clear: both;
        /* width: 294px; */
        width: 294px;

    }


    #post-4 .slick-slider {
        max-height: 144px !important;
        background: black;

        width: 294px;
        /*   margin-left: 3%;*/
    }
    .slider-content{
        width: inherit!important;
        left: inherit!important;
        text-align: inherit!important;
        right: 60%!important;
    }
    .wpsisac-slick-slider.design-2 .slick-dots{
        bottom: -14px !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: 30% !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        margin: 0 auto;
        float: left;
    }
    .row-height {

        width: 296px;
    }
    #homepage {
        font-size: 11px;
        width: 400px;
        /*padding-left: 3%;*/
    }
    /**** page catalogue ***************************/

    /**********header *****/
    .catalogue {
        width: 294px;
    }
    .catalogue .catalogue-thumbnail .catalogue-thumb-content {
        top: 69% !important;
        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: 10px;
        line-height: 21px;

    }
    .catalogue .catalogue-thumbnail .catalogue-thumb-content .catalogue-thumb-name {
        background-color: #f36a22;
        display: -webkit-inline-box;
        padding: 0 10px;
        font-size: 10px;
        line-height: 20px;
        /* margin-top: -25px !important; */
        position: absolute;
        width: 129px;


    }
    .catalogue .catalogue-thumbnail .catalogue-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    /*******contenu block *******/
    .catalogue-navigation.col-md-5 {
        font-size: 10px;
    }
    span.catalogue-order-type {
        font-size: 10px;
    }

    .catalogue .catalogue-thumbnail .catalogue-thumb-content {
        top: 58%;
        left: 0%;
        position: absolute;
    }
    .catalogue .film-img {
        width: 50%;
        height: 200px;
        webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /**************************************cineaste *********************************/

    .cineastes {
        width: 294px;
    }
    .cineastes .cineastes-thumbnail .cineastes-thumb-content {
        top: 69%!important;
        left: 0.3%;
        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: 10px;
        line-height: 21px;
    }
    .cineastes .cineastes-thumbnail .cineastes-thumb-content .cineastes-thumb-name {
        background-color: #f36a22;
        display: -webkit-inline-box;
        padding: 0 10px;
        font-size: 10px;
        line-height: 20px;
        /* margin-top: -25px !important; */
        position: absolute;
    }
    .cineastes .cineastes-thumbnail .cineastes-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    /********************block explication *********************************/
    .cineastes-navigation.col-md-5 {
        font-size: 10px;
    }
    span.cineastes-order-type {
        font-size: 10px;
    }

    /***************************contenu*************************************/

    .cineastes .cineaste-portrait .cineaste-portrait-img {
        width: 100%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        height: 110px;
        webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .cineastes .cineaste-portrait .cineaste-portrait-nom {
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 82%;
        padding: 5px;
        font-size: 7px;
        background-color: #000;
    }
    .cineastes .cineastes-thumbnail .cineastes-thumb-content {
        top: 72%;
        left: 0%;
        position: absolute;
    }
    .cineastes .order-active {
        background-color: #f36a22!important;
        font-size: 10px !important;
    }
    .cineastes .cineastes-nav-order .cineastes-order-type {
        background-color: #000;
        padding: 5px;
        font-size: 10px !important;
    }
    .category-news .entry-content{
        margin-left: 0px;
    }
    .cineastes-nav-order.container-fluid {
        font-size: 10px !important;
    }

    /***************************articles-category ***********/

    .articles-category {
        width: 294px;
        font-size: 10px;
    }

    .articles-category .articles-category-thumbnail .articles-category-thumb-content {
        top: 53%!important;
        left: 28px;
        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: 10px;
        line-height: 21px;
        position: absolute;
        margin-left: -29px;
        margin-top: 9px;
        widows: 180px
    }

    .articles-category .articles-category-thumbnail .articles-category-thumb-content .articles-category-thumb-subtitle {
        background-color: #f36a22;
        padding: 4px;
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: 0;
        position: absolute;
        font-size: 10px;
        width: 150px;
        margin-top: 29px;
        margin-left: -28px;
    }

    .articles-category .articles-category-thumbnail .articles-category-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    .articles-category .articles-category-latest .col-md-4, .articles-category .articles-category-latest .col-md-6 {
        height: 200px;
        border: 1px solid #d8d8d8;
        position: relative;
    }
    .articles-category-content .articles-category-left .post .entry-header h2{
        font-size: 12px;
    }
    /********************block explication *********************************/
    .articles-category-navigation.col-md-5 {
        font-size: 10px;
    }
    span.articles-category-order-type {
        font-size: 10px;
    } /***************************news ***********/

    .news {
        width: 294px;
        font-size: 12px;
    }
    .news .news-content .entry-title {
        color: #f36a22;
        font-size: 14px;
    }


    .news .news-thumbnail .news-thumb-content {
        top: 66%!important;
        left: 28px;
        position: absolute;
    }

    .news .news-thumbnail .news-thumb-content .news-thumb-title {
        background-color: #000;
        display: -webkit-inline-box;
        padding: 0 10px;
        margin-bottom: 0;
        font-size: 10px;
        line-height: 21px;
        position: absolute;
        margin-left: -29px;
        margin-top: 5px;
        widows: 180px;
    }
    .news .news-thumbnail .news-thumb-content .news-thumb-subtitle {
        background-color: #f36a22;
        padding: 4px;
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: 0;
        position: absolute;
        font-size: 10px;
        width: 150px;
        margin-top: 26px;
        margin-left: -28px;
        text-align: left
    }

    .news .news-thumbnail .news-thumb-content .news-thumb-name {
        background-color: #f36a22;
        display: -webkit-inline-box;
        padding: 0 10px;
        font-size: 12px;
        line-height: 28px;
        /* margin-top: -25px !important; */
    }

    .news .news-thumbnail .news-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    /********************block explication *********************************/
    .news-navigation.col-md-5 {
        font-size: 12px;
    }
    span.news-order-type {
        font-size: 10px;
    } /***************************cineqs ***********/

    .cineqs {
        width: 294px;
    }

    .cineqs .cineqs-thumbnail .cineqs-thumb-content {
        top: 69%!important;
        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: 10px;
        line-height: 21px;
    }

    .cineqs .cineqs-thumbnail .cineqs-thumb-content .cineqs-thumb-name {
        background-color: #f36a22;
        display: -webkit-inline-box;
        padding: 0 10px;
        font-size: 10px;
        line-height: 20px;
        position: absolute;
        /* margin-top: -25px !important; */
    }

    .cineqs .cineqs-thumbnail .cineqs-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    /********************block explication *********************************/
    .cineqs-navigation.col-md-5 {
        font-size: 10px;
    }
    span.cineqs-order-type {
        font-size: 10px;
    }
    .cineqs .cineq-portrait .cineq-portrait-img {
        width: 100%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        height: 150px;
        webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .cineqs .cineq-portrait {
        color: #ccc;
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .cineqs .cineq-portrait .cineq-portrait-nom {
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 119px;
        padding: 6px;
        font-size: 11px;
        background-color: #000;
    }
    .cineqs-nav-order  .col-md-7{
        font-size: 10px;
    }

    /***************************film ***********/

    .film {
        width: 294px;
    }

    .film .film-thumbnail .film-thumb-content {
        top: 48%!important;
        left: 28.3px;
        position: absolute;
    }

    .film .film-thumbnail .film-thumb-content .film-thumb-title {
        background-color: #000;
        display: -webkit-inline-box;
        padding: 0 10px;
        margin-bottom: 0;
        font-size: 10px;
        line-height: 21px;
        position: absolute;
        margin-left: -29px;
        margin-top: 38px;
        width: 180px;
        height: 21px;
        text-align: left;
    }

    .film .film-thumbnail .film-thumb-content .film-thumb-name {
        background-color: #f36a22;
        display: -webkit-inline-box;
        padding: 0 10px;
        font-size: 12px;
        line-height: 28px;
        /* margin-top: -25px !important; */

    }
    .film .film-thumbnail .film-thumb-content .film-thumb-real{
        background-color: #f36a22;
        padding: 0 10px;
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: 0;
        position: absolute;
        font-size: 10px;
        width: 111px;
        margin-top: 59px;
        margin-left: -28px;
        text-align: left;
    }

    .film .film-thumbnail .film-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    .film {
        width: 294px;
        font-size: 10px;
    }
    .film .film-details .col-md-3 p a img{
        width: 50%;
        float: left;
    }
    .film .film-details  .col-md-5{
        clear: both;
    }
    .film .film-navigation:after,.cineaste .cineaste-navigation:after {
        display:none;
    }
    .film .film-show {
        padding: 1px;
        background-color: #f36a22;
        text-align: center;
    }
    .film .film-details>div {
        padding-left: 0;
        margin-left: auto;
        margin-left: auto;
        margin-left: 19px;
    }
    /********************block explication *********************************/
    .film-navigation.col-md-5 {
        font-size: 10px;
    }
    span.film-order-type {
        font-size: 10px;
    }
    .articles-category .articles-category-latest .col-md-4 .latest-content, .articles-category .articles-category-latest .col-md-6 .latest-content{
        font-size: 10px;
    }
    .latest-title{
        font-size: 12px;
    }

    .cineaste .cineaste-thumbnail .cineaste-thumbnail-image {
        background-size: cover!important;
        width: 100%;
        height: 143px;
    }
    .cineaste .cineaste-thumbnail .cineaste-thumb-content .cineaste-thumb-nom {
        background-color: #000;
        padding: 5px;
        margin-bottom: 0;
        display: -webkit-inline-box;
        font-size: 10px;
        float: left;
    }
    .cineaste {
        font-size: 10px;
    }
    .cineaste .cineaste-hide {
        padding: 0px;
        background-color: #504244;
    }
    .cineaste .cineaste-thumbnail .cineaste-thumb-content {
        position: absolute;
        top: 85%;
        width: 100%;
        text-align: right;
    }
}