@media only screen
and (min-device-width : 320px)
and (max-device-width : 740px)
and (orientation: portrait){
    .blue-menu{
        width: 100%;
        padding: 0px 0px;
        background-color: #22478d;
        margin-top: 50px;
        position: relative;
    }

    .blue-menu .circle-icon{
        margin: 9px;
    }

    .home .blue-box-waves{
        margin-bottom: 0;
        height: auto;
    }

    .slider-actu h3 {
        display: inline-block;
        font-size: 2.3rem;
    }

    .unslider{
        margin-bottom: 50px !important;
    }

    .home h2{
        margin: 50px 15px;
    }

    .dcsns-li {
        width: 48%;
        margin: 1%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
        background: #fff;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .dcsns-li:nth-child(odd) {
        width: 48%;
        height: auto;
        margin: 1%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .cinema .blue-box{
        margin-top: 100px;
    }
    .cinema .wrap:nth-child(odd) {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 20px;
    }
    .cinema .wrap {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .cinema .prio{
        top: -85px;
    }
    .cinema .prio .card-lieu {
        width: 80%;
    }

    .white-menu{
        width: 100%;
        padding: 0px 0px;
    }

    .white-menu .circle-icon{
        margin: 12px;
    }

    footer form input[type="submit"] {
        background: #22478d;
        padding: 12px 12px;
        margin: 0;
        width: auto;
        color: #fff;
        float: left;
        border: 0;
        margin-bottom: 20px;
    }

    .menu .link-text > a:first-child:link, .menu .link-text > a:first-child:hover, .menu .link-text > a:first-child:active, .menu .link-text > a:first-child:visited {
        padding: 10px;
        font-size: 2rem;
    }

    .menu-wrap > li {
        width: 100%;
        margin-top: 20px;
    }

    .sub-menu li:first-child{
        border-top: 1px solid #ebebeb;
    }

    .menu .sub-menu .menu-item {
        margin-bottom: 8px;
        border-bottom: 1px solid #ebebeb;
        padding: 10px;
    }

    .white-wrap, .white-bg{
        width: 100% !important;
    }

    .white-wrap{
        overflow: scroll;
    }

    .menu-wrap{
        vertical-align: inherit !important;
    }

    .slick-next {
        right: 0px;
    }
    .slick-prev {
        left: 0px;
        z-index: 2;
    }

    .competition iframe{
      width: 100%;
      height: 200px;
    }

    .page-template-template-revuedepresse .blue-box-waves {
        margin-bottom: auto;
        height: auto;
    }
    .page-template-template-revuedepresse .col-md-6{
        margin-bottom: 20px;
    }

    .news-wrap {
        width: 50%;
        height: 200px;
    }

    .news-wrap:nth-child(1) {
        height: 250px;
    }
    .page-id-39 .blue-box-waves {
        height: 300px;
        margin-bottom: auto;
    }
    .news-page-wrap {
        margin-top: 100px;
    }

    .news-wrap h2{
        font-size: 1.3rem !important;
        display: block !important;
    }

    .page-template-template-partenaires .logo-partenaires{
        width: 40%;
    }

    .page-template-template-contact .container .blue-box{
        width: 100%;
        float: none;
    }

    .page-template-template-contact #contactform{
        width: 100%;
        float: none;
        margin-top: 150px;
    }

    .page-template-template-contact #contactform{
        width: 100%;
        float: none;
        margin-top: 150px;
    }

    .stec-top .stec-top-menu-filter-calendar .stec-top-menu-filter-calendar-dropdown {
        width: 100% !important;
        visibility: visible !important;
        max-width: 100% !important;
        opacity: 1 !important;
        position: relative !important;
        margin-top: 52px !important;
        top: 10px !important;
        z-index: 1;
        font-size: 1.5rem !important;
        font-family: "Source sans pro" !important;
    }

    .page-template-template-programmation .blue-box-waves {
        width: 100%;
        height: 350px;
    }

    .fiche-jury {
        width: 46%;
    }

    .modal-wrap{
        position: absolute;
    }

    .modal-window{
        width: 100%;
        box-shadow: none;
    }

    .modal-close{
        top: 75px;
    }

    .modal-shadow{
        background: #fff;
    }

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 740px)
and (orientation: landscape){
    .home .blue-box-waves{
        margin-bottom: 0;
        height: auto;
    }

    .slider-actu h3 {
        display: inline-block;
        font-size: 2.3rem;
    }

    .unslider{
        margin-bottom: 50px !important;
    }

    .home h2{
        margin: 50px 15px;
    }

    .dcsns-li {
        width: 48%;
        margin: 1%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
        background: #fff;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .dcsns-li:nth-child(odd) {
        width: 48%;
        height: auto;
        margin: 1%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .cinema .blue-box{
        margin-top: 100px;
    }
    .cinema .wrap:nth-child(odd) {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 20px;
    }
    .cinema .wrap {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .cinema .prio{
        top: -85px;
    }
    .cinema .prio .card-lieu {
        width: 80%;
    }

    footer form input[type="submit"] {
        background: #22478d;
        padding: 12px 12px;
        margin: 0;
        width: auto;
        color: #fff;
        float: left;
        border: 0;
        margin-bottom: 20px;
    }

    .menu .link-text > a:first-child:link, .menu .link-text > a:first-child:hover, .menu .link-text > a:first-child:active, .menu .link-text > a:first-child:visited {
        padding: 10px;
        font-size: 2rem;
    }

    .menu-wrap > li {
        width: 100%;
        margin-top: 20px;
    }

    .sub-menu li:first-child{
        border-top: 1px solid #ebebeb;
    }

    .menu .sub-menu .menu-item {
        margin-bottom: 8px;
        border-bottom: 1px solid #ebebeb;
        padding: 10px;
    }

    .white-wrap, .white-bg{
        width: 100% !important;
    }

    .white-wrap{
        overflow: scroll;
    }

    .menu-wrap{
        vertical-align: inherit !important;
    }

    .slick-next {
        right: 0px;
    }
    .slick-prev {
        left: 0px;
        z-index: 2;
    }

    .competition iframe{
      width: 100%;
      height: 200px;
    }

    .cinema .blue-box {
            width: 80%;
            padding: 300px 10%;
            padding-bottom: 100px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            height: auto;
            margin-bottom: 30px;
        }

    .page-template-template-revuedepresse .blue-box-waves {
        margin-bottom: auto;
        height: auto;
    }

    .page-template-template-revuedepresse .col-md-6{
        margin-bottom: 20px;
    }

    .news-wrap {
        width: 50%;
        height: 200px;
    }

    .news-wrap:nth-child(1) {
        height: 250px;
    }
    .page-id-39 .blue-box-waves {
        height: 300px;
        margin-bottom: auto;
    }
    .news-page-wrap {
        margin-top: 100px;
    }

    .news-wrap h2{
        font-size: 1.3rem !important;
        display: block !important;
    }
    .page-template-template-partenaires .logo-partenaires{
        width: 30%;
    }

    .page-template-template-contact .container .blue-box{
        width: 100%;
        float: none;
    }

    .page-template-template-contact #contactform{
        width: 100%;
        float: none;
        margin-top: 150px;
    }

    .page-template-template-contact #contactform{
        width: 100%;
        float: none;
        margin-top: 150px;
    }

    .stec-top .stec-top-menu-filter-calendar .stec-top-menu-filter-calendar-dropdown {
        width: 100% !important;
        visibility: visible !important;
        max-width: 100% !important;
        opacity: 1 !important;
        position: relative !important;
        margin-top: 52px !important;
        top: 10px !important;
        z-index: 1;
        font-size: 1.5rem !important;
        font-family: "Source sans pro" !important;
    }

    .page-template-template-programmation .blue-box-waves {
        width: 100%;
        height: 350px;
    }

    .fiche-jury {
        width: 29%;
    }

    .modal-wrap{
        position: absolute;
    }

    .modal-window{
        width: 100%;
        box-shadow: none;
    }

    .modal-close{
        top: 75px;
    }

    .modal-shadow{
        background: #fff;
    }

}